<template>
	<view>
		<NavBar text='就诊记录' @end='end'>
			<template slot='title'>
				<!-- <u-icon name='list' size='28rpx' color="#fff"></u-icon> -->
				<view style="color: #fff; font-size: 25rpx;">发起申请</view>
			</template>
		</NavBar>
		<view style="width: 100%; height: 120rpx;"></view>
		<view class="flx2" style="position: absolute; left: 30rpx; top:200rpx;">
			<view style="width: 1rpx; height: 500rpx; background-color: #333;"></view>
			<view style="width: 50rpx; height: 50rpx; border-radius: 50rpx; background-color: #33cc00; position: absolute;"></view>
			<view style="width: 50rpx; height: 50rpx; border-radius: 50rpx; background-color: #33cc00; position: absolute; top:270rpx;"></view>
			<view style="width: 50rpx; height: 50rpx; border-radius: 50rpx; background-color: #33cc00; position: absolute; top:500rpx;"></view>
		</view>
		<view class="zzstyle" v-for="(item,index) in array" :key="index" @click="ckicas">
			
			<view style="width: 80%; margin:0 auto; margin-top:50rpx;">
				<view style="width: 100%; height: 20rpx;"></view>
				<view class="zzstyle_">
					<view class="flx">
						<view class="flx1">
							<view class="zzstyle_text">{{item.name}}</view>
							<!-- <view  class="zzstyle_text_">{{item.sex}}</view>
							<view  class="zzstyle_text_1">{{item.age}}岁</view>
							<view  class="zzstyle_text_2">{{item.ks}}</view> -->
						</view>
						<view class="zzstyle_right">
							{{item.status == 0 ? '门诊就诊' : '已完成'}}
						</view>
					</view>
					<view class="c-zzstyle flx1">
						<view>山西省中医院</view>
						<view style="margin-left:20rpx;">内科</view>
					</view>
				</view>
				<view class="b-zzstyle flx">
				<view style="color: #333;">张力（主任医师）</view>
				<view style="color: #33cc00;">已完成</view> 
				</view>
				<view style="width: 100%; height: 20rpx;"></view>
			</view>
		</view>
		<view style="width: 100%; height: 200rpx;"></view>
	</view>
</template>

<script>
	import NavBar from '@/components/NarBar.vue'
	export default {
		components: {
			NavBar
		},
		data(){
			return{
				array:[
					{
						name:'02-21 15:22',
						sex:'女',
						age:'23',
						ks:'内科',
						bz:'斑疹伤寒',
						date:'2023-03-23 12: 22',
						status:0,
					},					
					{
						name:'02-22 18:22',
						sex:'女',
						age:'23',
						ks:'内科',
						bz:'斑疹伤寒',
						date:'2023-03-23 12: 22',
						status:0,
					},
					{
						name:'02-23 20:00',
						sex:'女',
						age:'23',
						ks:'内科',
						bz:'斑疹伤寒',
						date:'2023-03-23 12: 22',
						status:0,
					}
				]
			}
		},
		methods:{
			end(){
				uni.navigateTo({
					url:'/pages/twowayReferral/Referralrequest'
				})
			},
			ckicas(){
				uni.navigateTo({
					url:'/pages/VisitRecord/VisitRecordInfo'
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f7f7f7;
	}
	.zzstyle{
		background-color: #fff;
		.zzstyle_{
			.zzstyle_text{font-size: 30rpx; color: #333; line-height: 60rpx;}
			.zzstyle_text_{
				font-size: 28rpx;
				color: #a6a6a6; 
				line-height: 60rpx;
				margin-left:20rpx;
			}
			.zzstyle_text_1{
				font-size: 28rpx;
				color: #a6a6a6; 
				line-height: 60rpx;
				margin-left:10rpx;
			}
			.zzstyle_text_2{
				font-size: 28rpx;
				color: #a6a6a6; 
				line-height: 60rpx;
				margin-left:30rpx;
			}
			.zzstyle_right{
				font-size: 28rpx;
				color: #0066ff; 
				line-height: 60rpx;
			}
		}
		.c-zzstyle{
			line-height: 50rpx;
			font-size: 28rpx;
		}
		.b-zzstyle{
			font-size: 28rpx;
			color: #a6a6a6;
		}
	}
</style>